<h1><i class="icon-money"></i> Pricing</h1>



<hr />



<h3>Container</h3>

<pre>&lt;div class="pricing-plans plans-4"&gt;

	--- Plans go here ---
	
&lt;/div&gt;
</pre>

<br />


<h4>Number of Plans</h4>

<table class="table">
	
	<thead>
		
		<tr>
			<th>Class</th>
			<th>Description</th>
		</tr>
		
	</thead>
	
	<tbody>
		<tr>
			<td>.plans-4</td>
			<td>4 Plans Up</td>
		</tr>
		<tr>
			<td>.plans-3</td>
			<td>3 Plans Up</td>
		</tr>
		<tr>
			<td>.plans-2</td>
			<td>2 Plans Up</td>
		</tr>
		<tr>
			<td>.plans-1</td>
			<td>1 Plans Up</td>
		</tr>
	</tbody>
	
</table>

<hr />

<h3>Plan Html</h3>

<pre>&lt;div class="plan-container"&gt;

    &lt;div class="plan"&gt;
    
        &lt;div class="plan-header"&gt;
            
        	&lt;div class="plan-title"&gt;
        		Micro	        		
    		&lt;/div&gt; &lt;!-- /plan-title --&gt;
            
    		&lt;div class="plan-price"&gt;
    			&lt;span class="note"&gt;$&lt;/span&gt;15&lt;span class="term"&gt;Per Month&lt;/span&gt;
		&lt;/div&gt; &lt;!-- /plan-price --&gt;
			
        &lt;/div&gt; &lt;!-- /plan-header --&gt;	        
        
        &lt;div class="plan-features"&gt;
        
			&lt;ul&gt;
				&lt;li&gt;&lt;strong&gt;Free&lt;/strong&gt; setup&lt;/li&gt;
				&lt;li&gt;&lt;strong&gt;1&lt;/strong&gt; Website&lt;/li&gt;
				&lt;li&gt;&lt;strong&gt;2&lt;/strong&gt; Projects&lt;/li&gt;
				&lt;li&gt;&lt;strong&gt;1GB&lt;/strong&gt; Storage&lt;/li&gt;
				&lt;li&gt;&lt;strong&gt;$0&lt;/strong&gt; Google Adwords Credit&lt;/li&gt;
			&lt;/ul&gt;
			
		&lt;/div&gt; &lt;!-- /plan-features --&gt;
		
		&lt;div class="plan-actions"&gt;				
			&lt;a href="javascript:;" class="btn"&gt;Purchase Now&lt;/a&gt;				
		&lt;/div&gt; &lt;!-- /plan-actions --&gt;

	&lt;/div&gt; &lt;!-- /plan --&gt;
	
&lt;/div&gt; &lt;!-- /plan-container --&gt;
	
		</pre>
